ul,li,ol{list-style: none; padding: 0; margin: 0;}
.bg-white{background: #fff;}
.my-bar{background-color: #ffaa07; color: #fff; display: flex;}
.in-bar{background-color: #ffaa07; color: #fff;}
.my-bar a,.in-bar a,.in-bar .mui-title{color: #fff;}
.topMenu{ width: 40px;}
.mt10{margin-top: 10px;}
.mb10{margin-bottom: 10px;}
.box{padding: 10px; clear: both; overflow: hidden;}

.banner{background-repeat: no-repeat; background-size: cover; background-position: center center;}

.searchHeader{height: 44px; background: #ffaa07; display: flex; position: fixed; width: 100%; top: 0; left: 0; z-index: 999}
.searchHeader a{ width: 40px; text-align: center; line-height: 44px; color: #fff }
.searchHeader input{display: block; flex: 1; border-radius: 18px; border: 0; height: 36px; margin-top: 4px}
.result{margin-top: 44px; padding: 10px; clear: both; overflow: hidden; background: #fff}
/*侧边栏*/
.navLogo{background: #fff; height: 50px; width: 100%;}
.navLeft{width: 45%; float: left; background: #fff;}
.navLeft ul{margin-bottom: 10px; background: #f1f1f1;}
.navLeft li{clear: both; border-bottom: 1px #dbdbdb solid; padding:10px 5px ; font-size: 14px;}
.navLeft li.active{background: #fff;}
.navLeft li span{display: block; width: 6px; height: 6px; border-radius: 50%; background: #f00; margin-top: 7px; margin-right: 10px;}
.navLeft li i{ font-size:16px}
.navLeft li a,.navRight li a{color: #333}
.navRight{ float: right; width: 55%; background: #fff; height: 100%}
.navRight ul{display: none;}
.navRight ul li{clear: both; border-bottom: 1px #dbdbdb solid; padding:10px 5px ; font-size: 14px;}
.navRight ul li .img{float: left; width: 20px; height: 20px; margin-right: 5px;}
.navRight ul li .img img{width: 20px; height: 20px; border-radius: 50%;}
.navRight ul li .guanzhu{border: 1px #ddd solid; padding: 5px; font-size: 12px; line-height: 100%; border-radius: 5px;}
.navRight ul li .active{border-color: #FFAA07; color: #FFAA07;}
.topLogo{width: 100px; margin-right: 10px;}
.topLogo img{width: 100%; margin-top: 12px;}
.topSearch{flex:1; background: #fff; height: 30px; border-radius: 15px; margin-top: 7px; margin-right: 5px;}
.topSearch .mui-icon-search{margin: 0;padding: 2px;color: #ffaa07; font-size: 18px;}
.topSearch .inputBox{font-size: 12px;color: #aaa;text-overflow:ellipsis;overflow:hidden;width: 80%;line-height:30px;display:inline-block;text-align: left;white-space: nowrap;}
.topComm{width: 30px; text-align: center; line-height: 100%; margin-top: 5px;}
.mui-bar-tab .mui-tab-item.mui-active {color: #ffaa07;}
.pageName{flex:1; color: #fff; text-align: center; line-height: 44px; font-size: 18px; margin-right: 44px;}

.mui-segmented-control.mui-scroll-wrapper .mui-control-item{padding:0 10px}
.loadding{text-align: center; padding: 30px 0; line-height: 40px}
.hide{display: none;}

#classBox a{display: inline-block; line-height: ;}
.block{width: 100%; height: 44px; clear: both;}

.channelBox{background-color: #fff; height: 40px; width: 100%;border-bottom: 1px #DFDFDF solid;z-index: 999}
.channelBox .channel{background-color: #fff; height: 40px; width:calc(100% - 40px); float: left;}
.dingyue{width: 40px;height: 40px;line-height: 40px;border-left: 1px solid #DFDFDF;z-index: 10;float: right;text-align: center;}
.dingyue a{color: #666}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
    color: #ffaa07;
    border-bottom: 2px solid #ffaa07;
    background: 0 0;
}
.fixChannel{position: fixed; left: 0; top: 44px;}


.quick{ clear: both; overflow: hidden; padding: 10px 0; background: #fff;}
.quick li{float: left; width: 20%; text-align: center; font-size: 14px}
.quick li i{height: 40px; width: 40px; line-height: 40px; border-radius: 50%; display: block; margin: auto; color: #fff; font-size: 20px}
.quick li a{color: #666}

.color1{background-color: #f6361c}
.color2{background-color: #fda900}
.color3{background-color: #20ae2a}
.color4{background-color: #89529d}
.color5{background-color: #00b7ed}

.my-tab{font-size: 12px}
.my-tab .icon{display: block; font-size: 20px; width: 24px; height: 24px; margin: auto; line-height: 24px}

.title{clear: both; overflow: hidden; padding: 10px 0; line-height: 24px; border-bottom: 1px #ddd solid;}
.title h1{font-weight: normal; font-size: 16px; margin: 0; padding: 0; display: block; float: left; border-left: 3px #FFAA07 solid; padding-left: 10px; line-height: 24px;}
.title span{display: block; float: right; font-size: 14px;}
.title a{color: #ffaa07}

.my-media{padding: 11px 0;}
.my-media .mui-media-object {line-height:70px;max-width: 100px;height: 70px;}
.my-media:after{left: 0;}

/*频道订阅*/
.dy{clear: both; overflow: hidden; font-size: 14px; margin-bottom: 10px;}
.dy .mui-icon{font-size: 14px;}
.dy .hd{font-weight: bold; clear: both; margin-bottom: 10px;}
.dy .hd span{color: #FFAA07; font-size: 16px;}
.dy .hd i{font-weight: normal; color: #999; font-style: normal; font-size: 12px;}
.dy .bd{clear: both; overflow: hidden;}
.dy .bd li{width: 33.333%; float: left; margin-bottom: 10px; padding: 0 10px;}
.dy .bd li .item{background: #f1f1f1; border-radius: 5px; padding: 5px;}
.dy .bd li .item span{float: right; font-size: 22px; color: #FFAA07;}

#bmenus{background: #ebebeb; box-shadow: none;}
#bmenus .input {width: 90%;height: 30px;line-height: 30px;
    text-align: left;
    border: none;
    background: #ffffff;
    border-radius: 15px;
    margin: 3px;
    margin-top: 10px;
    color: #F2F2F2;
}

.newsInfo h1{font-size: 18px; padding: 10px 0;}
.newsInfo .newsDate{color: #999; font-size: 14px;}
.digg{clear: both; padding: 20px 0; text-align: center;}
.digg li{display: inline-block; padding: 0 30px;}
.comm .hd{padding: 15px 0; border-bottom: 1px #FFAA07 solid;}

/*个人中心*/
.userFace{clear: both; padding: 15px 0; text-align: center;}
.userFace .face{ background: #fff; border:2px #FFAA07 solid; padding:3px; height: 80px; width: 80px; border-radius: 50%; margin: auto;}
.userFace .face i{background: #FFAA07; width: 100%; height: 100%; display: block; border-radius: 50%; font-size: 50px; line-height:70px; color: #fff;}
.three{background: #fff; text-align: center; font-size: 14px; margin-bottom: 5px;}
.three div{line-height: 50px; border-right: 1px #f1f1f1 solid;}
.three div a{color: #666}
.u-menu li{ line-height: 40px;}
.userInfo{ margin-top: 15px;}
.userInfo p{margin: 0; line-height: 24px;}

.form{clear: both; overflow: hidden;}
.form li{margin-top: 10px;}
.form li label{float: left; width: 20%; text-align: left; padding-left: 10px; display: block; line-height: 40px;}
.form li p{margin: 0; float: left; width: 80%; padding-right: 10px;}
.form li p input,.form li p textarea{border: 0;}
.inline-form li label{width: 100%}
.inline-form li p{padding: 0 10px; width: 100%}

.type{clear: both; margin: 0 10px}
.type span{float: left; background: #e5e5e5; display: block; font-size: 12px; border-radius: 5px; padding: 8px 10px; margin-right: 10px; white-space: normal;}
.type span.active{background: #d2d2d2}

.pinglun{clear: both; overflow:hidden;}
.pinglun .hd{border-left: 2px #FFAA07 solid; padding-left: 10px; font-size: 16px; }
.pinglun .bd li{border-bottom: 1px #dbdbdb solid; padding: 10px 0}
.pinglun .bd li p{margin: 0}
.pinglun .bd li span{font-size: 12px; color: #ffaa07}

.bdsharebuttonbox li{float: left; width: 25%; text-align: center; margin: 20px 0; font-size: 14px}
.bdsharebuttonbox li a{display: block; width: 100%; height:60px; background-image: none; font-size: 14px; clear: both; padding: 0}
.bdsharebuttonbox li a span{display: block;color: #666}
.bdsharebuttonbox li img{width: 60%}
.bdsharebuttonbox .bds_tsina { background: url(../images/wb.png) no-repeat center; background-size:auto 100%;}
.bdsharebuttonbox .bds_qzone { background: url(../images/qzone.png) no-repeat center; background-size:auto 100%;}
.bdsharebuttonbox .bds_tqq { background: url(../images/qq.png) no-repeat center; background-size:auto 100%;}
.bdsharebuttonbox .bds_weixin { background: url(../images/wx.png) no-repeat center; background-size:auto 100%;}